<template>
        <div class="container">
        <header>头</header>
        <main>
            <BannerList :bannerList="bannerlist"></BannerList> 
            <NavList :navList="navlist"></NavList>
            <List :proList="prolist"></List>
        </main>
    </div>
</template>
<script>
import BannerList from './components/BannerList.vue';
import List from './components/proList.vue';
import NavList from './components/NavList.vue';
import { getBannerList, getMenuList, getProList, getSeckillList } from '@/api/index';
    export default {
        components:{
            BannerList,
            List,
            NavList
        },
        data(){
            return{
                bannerlist:[],
                navlist:[],
                prolist:[],
                loading:false,
                finished:false,
                refreshLoading: false,
                count:2,
                limitNum:12
            }
        }, 
        created(){
            getBannerList().then(res=>this.bannerlist=res.data.data)
            getMenuList().then(res=>this.navlist=res.data.data)
            getProList({count:this.count,limitNum:this.limitNum}).then(res=>this.prolist=res.data.data)
        }
    }
</script>

<style lang="less" scoped>
header{
    height: 44px;
    background-color: yellowgreen;
}
</style>